<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>济南市历下区人民检察院“12345热线”案件线索查询研判平台</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<link rel="shortcut icon" href="./img/20210305101213975_easyicon_net_48.ico">
		<link rel="stylesheet" type="text/css" href="css/layui.css" />
		<script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./css/scroll.css" />

		<script src='./js/echarts.min.js' type="text/javascript" charset="utf-8"></script>
		<script src="./js/echartsWords.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/scrool.js"></script>
		<script src="./js/ajaxfileUpload.js"></script>
		<script src="./js/layui.js" type="text/javascript" charset="utf-8"></script>

		<style type="text/css">
			@media screen and (max-width: 1800px) {
				#table_data1 {
					height: 63vh;
				}
			}

			/* #table_data1{height:auto \9 !important;} */
			.container table thead th {
				padding-top: 35px;
			}
		</style>

	</head>
	<body>
		<div class="container">

			<div class="content">
				<div class="header">
					<img src="./img/in.png" style="width: 35px;height: 35px;float:left;padding:6px 0px 0px 15px;">
					<img src="./img/logo.png" style="width: 35px;height: 35px;vertical-align:middle;">
					<span>济南市历下区人民检察院“12345热线”案件线索查询研判平台</span>
					<div class="" style="float:right;margin-right: 40px;line-height:40px;">
						<img src="./img/out.png" style="width: 28px;height:28px;float:left;padding:10px 10px 0px 0px;">
						<span style="font-size:15px;">进入后台</span>
					</div>

				</div>
				<div class="c_content">
					<div class="echart_line">
						<div class="charts_title">
							<span class="charts_title——text">事件数量走势图</span>
						</div>
						<div id="content_left_pie_top">

						</div>

					</div>
					<div class="echarts_words">
						<div class="charts_title">
							<span class="charts_title——text">热词分析</span>
						</div>
						<div id="content_left_pie_bottom">

						</div>
					</div>
				</div>

				<div class="list">
					<div class="bar6">
						<div class="seach_index">
							<input type="text" id="inputName" placeholder="请输入您想输得内容" name="cname">
							<div class="button" id="seachResult">搜索</div>
						</div>
					</div>
					<div class="select">
						<div class="year">
							<span class="selectYear">第一分类：</span>
							<select class="pid" id="one">
								<option value="volvo">Volvo</option>
								<option value="saab">Saab</option>
								<option value="opel">Opel</option>
								<option value="audi">Audi</option>
							</select>
						</div>
						<div class="year">
							<span class="selectYear">第二分类：</span>
							<select class="pid" id="two">
								<option value="volvo">Volvo</option>
								<option value="saab">Saab</option>
								<option value="opel">Opel</option>
								<option value="audi">Audi</option>
							</select>
						</div>
						<div class="year">
							<span class="selectYear">第三分类：</span>
							<select class="pid" id="three">
								<option value="volvo">Volvo</option>
								<option value="saab">Saab</option>
								<option value="opel">Opel</option>
								<option value="audi">Audi</option>
							</select>
						</div>
						<div class="year">
							<span class="selectYear">第四分类：</span>
							<select class="pid" id="fore">
								<option value="volvo">Volvo</option>
								<option value="saab">Saab</option>
								<option value="opel">Opel</option>
								<option value="audi">Audi</option>
							</select>
						</div>
						<div class="year">
							<span class="selectYear">第五分类：</span>
							<select class="pid" id="five">
								<option value="volvo">Volvo</option>
								<option value="saab">Saab</option>
								<option value="opel">Opel</option>
								<option value="audi">Audi</option>
							</select>
						</div>
						<div class="btn">
							<span id="seachSure">确定</span>
						</div>
					</div>
					<div class="jc_table_bottom1">
						<div class="jc_table_bottom_table1">
							<div id="table1" class="container">
								<table cellspacing="0" cellspacing="0">
									<thead>
										<tr>
											<th>序号</th>
											<th>名称</th>
											<th>数量</th>
											<th>占比</th>

										</tr>
									</thead>
									<tbody id="table_data1">

									</tbody>
								</table>
							</div>
							<!-- 分页固定size显示12条 -->
							<div class="page flex_center">
								<div class="page_size">
									<img src="img/yema.png" id="jian">
									<span id="page_number">1</span>
									<img src="img/yema2.png" id="add">
								</div>
								<div class="page_size_jump">
									<span>前往</span>
									<div class="page_jump_number_border">
										<input id="page_jump_number" type="" name="" value="1" />
									</div>
									<span>页</span>
								</div>
								<div class="total_page">
									<span>共</span>
									<span id="total">3</span>
									<span>页</span>
								</div>
							</div>
						</div>
						<!-- 事件滚动列表 -->
						<div class="pie_echarts">

							<div class="list_top">
								<div class="list_top_title">
									<span class="event_list">事件列表</span>
									<span class='event_number'>12</span>
								</div>
								<div class="tablebox" style="border: 1px solid #0A4878">
									<table id="tableId" border="0" cellspacing="0" cellpadding="0">
										<thead>
											<tr>
												<th>标题</th>
												<th>状态</th>
												<th>发生时间</th>
												<th>流转人</th>
												<th>处理人</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody id="scrool-table"></tbody>
									</table>
								</div>
							</div>
							<!-- 事件待处理 -->
							<div class="list_bottom">
								<div class="list_top_title">
									<span class="event_list">待办事件列表</span>
									<span class='event_number'>12</span>
								</div>
								<div class="tablebox1" style="border: 1px solid #0A4878">
									<table id="tableId1" border="0" cellspacing="0" cellpadding="0">
										<thead id="thead-list1">
											<tr>
												<th>标题</th>
												<th>状态</th>
												<th>发生时间</th>
												<th>流转人</th>
												<th>处理人</th>

												<th>操作</th>
											</tr>
										</thead>
										<tbody id="scrool-table1">
	
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 事件流转弹框 -->
			<div id="myModal1" class="modal">
				<div class="modal-content1">
					<div class="modal-header">
						<span class="modal_title">- - - - -案件流转- - - - -</span>
						<img src="img/x.png" class="x" onClick="cancelLiuzhuan()">
					</div>
					<div class="liuzhuan_content">
						<div class="lz_fs">
							<label>处置方式：</label>
							<select class="lz_select" id="selectState" onChange="selectSet()">
								<option value="0">未选择</option>
								<option value="1">完结</option>
								<option value="2">流转</option>
								<option value="3">驳回</option>
								<option value="4">临时挂起</option>
								<option value="5">长期挂起</option>
							</select>
						</div>
						<div class="lz_fs-file">
							<label style="vertical-align:top">处置照片：</label>
							<div class="lz_fs" id="input-file">
								<span id="text">点击上传</span>
								<input id="file" type="file" onchange="btnUploadFile(e)" />
							</div>
							<div class="img_show_upload">
								<img src="" id="showIMG">
							</div>
						</div>

						<div class="lz_fs posi-re" id="liuzhuanren">
							<label>流转人：</label>
							<input type="text" id="lz_people" class="ml-10" onClick="showPeople()" />
							<img src="./img/seach.png" class="seach_icon">
						</div>
						<div class="lz_fs mt-20" id="setTime">
							<label>处理时限：</label>
							<input id='mydatepicker2' type='text' />
						</div>
						<div class="lz_fs mt-20">
							<label style="vertical-align: top;">处理意见：</label>
							<textarea rows="10" cols="35" id="remark_"></textarea>
						</div>
						<div class="set_btn">
							<button type="button" id="sure_set">确定</button>
							<button type="button" id="hide_set">取消</button>
						</div>
					</div>
				</div>
			</div>
			<!-- 事件处置流程弹框 -->
			<div id="myModal" class="modal">
				<!-- Modal content -->
				<div class="modal-content">
					<div class="modal-header">
						<span class="modal_title">- - - - -案件处置- - - - -</span>
						<img src="img/x.png" class="x" onClick="cancelLiuzhuan1()">
					</div>
					<div class="modal_event" id="modal_v">
						<div class="modal_left_line" id="modal_l">
						</div>
						<div class="moda_event_desc">
							<div class="event-first">
								<div class=""></div>
								<div class="event-detail">
									<span>2020-12-19 09:17:88</span>
									<span>事件：下水道外溢</span>
									<span>事件简述：下水道外溢</span>
									<span>事件网格：工人新村北村街道-北村东区社区-第一网格(基础)</span>
									<span>事件地点：33号楼南侧</span>
									<span>事件状态：受理中</span>
									<span>事件来源：APP</span>
								</div>
								<div class="event_img">
									<img src="./img/fanhui.png">
								</div>
							</div>
							<div id="e_v">

							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 流转人（网格员列表）弹框 -->
			<div id="myModal2" class="modal" style="display: block;">
				<!-- Modal content -->
				<div class="modal-content">
					<div class="modal-header">
						<span class="modal_title">- - - - -人员列表- - - - -</span>
						<img src="img/x.png" class="x" onClick="cancelPeople()">
					</div>
					<div class="peoplebox">
						<div class="people_seach">
							<div class="input_name">
								<span>账号:</span>
								<input type="" name="count" class="input_count" value="" />
							</div>
							<div class="input_name">
								<span>昵称:</span>
								<input type="" name="name" class="input_count" value="" />
							</div>
							<div class="input_name">
								<span>手机:</span>
								<input type="" name="phone" class="input_count" value="" />
							</div>
							<div class="input_name">
								<span>机构:</span>
								<div class="input_count" id="org_select" onclick="showOrg()" style="display: inline-block;vertical-align: middle;"></div>
								<div class="" id="test1">
									
								</div>
							</div>
						</div>
						<div class="tt">
							<table id="people_table" border="0" cellspacing="0" cellpadding="0">
								<thead id="people_th">
									<tr>
										<th><input type="checkbox" name="cb" id="firstCb" onClick="selectAll()"></th>
										<th>登录账号</th>
										<th>员工姓名</th>
										<th>归属机构</th>
										<th>职位名称</th>
										<th>手机号码</th>
									</tr>
								</thead>
								<tbody id="people_list">

								</tbody>
							</table>
						</div>

						<div class="select_people">
							<div class="select_title">
								<span>当前已选择项</span>
							</div>
							<div class="people_name" id="people_name">

							</div>
						</div>
					</div>
					<!-- 分页 -->
				<div class="page flex_center">
					<div class="page_size flex_align">
						<img src="img/yema.png" id="jian">
						<span id="page_number">1</span>
						<img src="img/yema2.png" id="add">
					</div>
					<div class="page_size_jump flex_align">
						<span>前往</span>
						<div class="page_jump_number_border">
							<input id="page_jump_number" type="" name="" value="1" />
						</div>
						<span>页</span>
					</div>
					<div class="total_page">
						<span>共</span>
						<span id="total">3</span>
						<span>页</span>
					</div>
				</div>
				</div>
			</div>
		</div>
		<script src="js/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//事件名称跳转事件列表
			var MyMarhq;

			function tableName(id) {
				window.open("eventList.html?id=" + id);

			}
			// 左侧事件数量走势图
			function echartsLineData() {
				var lineLeftData = echarts.init(document.getElementById('content_left_pie_top'));
				var data = {
					city: ["0", "4", "8", "12", "16", "20"],
					num: ["40", "60", "22", "85", "50", "40"]
				}
				lineLeftData.setOption({
					dataZoom: [
						//滑动条
						{
							show: true,
							height: 3,
							xAxisIndex: [0],
							//调整缩放组件位置
							//top bottom left right
							bottom: 40,
							type: "slider",
							backgroundColor: '#024577',
							"start": 20,
							"end": 80,
							handleIcon: "path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z",
							handleSize: '110%',
							handleStyle: {
								color: "#02D0E7",
							},
							textStyle: {
								color: "#fff",
							},
							fillerColor: "#02D0E7",
							borderColor: "#024577",

						},
					],
					tooltip: {
						trigger: 'axis',
						axisPointer: {
							lineStyle: {
								color: {
									type: 'linear',
									x: 0,
									y: 0,
									x2: 0,
									y2: 1,
									colorStops: [{
										offset: 0,
										color: 'rgba(255,255,255,0)' // 0% 处的颜色
									}, {
										offset: 0.5,
										color: 'rgba(255,255,255,1)' // 100% 处的颜色
									}, {
										offset: 1,
										color: 'rgba(255,255,255,0)' // 100% 处的颜色
									}],
									global: false // 缺省为 false
								}
							},
						},

					},
					grid: {
						top: '10%',
						bottom: '30%'

						// containLabel: true
					},
					toolbox: { //可视化的工具箱
						show: true,
						top: '4%',
						right: '1%',
						itemGap: 15,
						orient: 'vertical',
						feature: {
							dataView: { //数据视图
								show: true
							},

							saveAsImage: { //保存图片
								show: true
							},
							magicType: { //动态类型切换
								type: ['bar', 'line']
							}
						},
						iconStyle: {
							borderColor: '#fff',
						}
					},
					xAxis: [{
						type: 'category',
						boundaryGap: true,
						axisLine: { //坐标轴轴线相关设置。数学上的x轴
							show: true,
							lineStyle: {
								color: 'color:"#092b5d"'
							},
						},
						axisLabel: { //坐标轴刻度标签的相关设置
							textStyle: {
								color: '#24c4ff',
								margin: 15,
							},
							formatter: function(data) {
								return data + "时"
							}
						},
						axisTick: {
							show: false,
						},
						data: data.city
					}],
					yAxis: [{
						min: 0,
						max: 100,
						splitLine: {
							show: true,
							lineStyle: {
								color: '#092b5d'
							},
						},
						axisLine: {
							show: true,
							lineStyle: {
								color: "#092b5d"
							}

						},
						axisLabel: {
							show: true,
							textStyle: {
								color: '#24c4ff',

							},
							formatter: function(value) {
								if (value === 0) {
									return value
								}
								return value + '%'
							}
						},
						axisTick: {
							show: false,
						},
					}],
					series: [{
						name: '注册总量',
						type: 'line',
						symbol: 'circle', // 默认是空心圆（中间是白色的），改成实心圆
						showAllSymbol: true,
						symbolSize: 8,
						lineStyle: {
							normal: {
								color: "#7c80f4", // 线条颜色
							},
							borderColor: 'rgba(0,0,0,.4)',
						},
						itemStyle: {
							color: "rgba(14,30,73,1)",
							borderColor: "#646ace",
							borderWidth: 2

						},
						label: {
							normal: {
								show: true,
								position: "top",
								formatter: [
									' {a|{c}%}',
								].join(','),
								rich: {
									a: {
										color: '#fff',
										align: 'center',
									},
								}
							}
						},
						tooltip: {
							show: true
						},
						areaStyle: { //区域填充样式
							normal: {
								//线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
								color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
										offset: 0,
										color: "rgba(124, 128, 244,.3)"


									},
									{
										offset: 1,
										color: "rgba(124, 128, 244, 0)"
									}
								], false),
								shadowColor: 'rgba(53,142,215, 0.9)', //阴影颜色
								shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
							}
						},
						data: data.num
					}]

				})
				window.addEventListener('resize', function() {
					lineLeftData.resize()
				});
			}
			//热词分析---词云图
			function echartsHotsData() {
				var wordsLeftData = echarts.init(document.getElementById('content_left_pie_bottom'), 'macarons');
				var option = {
					tooltip: {},
					backgroundColor: '#12234F',

					series: [{
						type: 'wordCloud',
						gridSize: 9,
						sizeRange: [12, 50],
						rotationRange: [0, 0],
						shape: 'pentagon',
						width: 600,
						height: 300,
						drawOutOfBound: true,
						textStyle: {
							color: function() {
								return 'rgb(' + [
									Math.round(Math.random() * 160),
									Math.round(Math.random() * 160),
									Math.round(Math.random() * 160)
								].join(',') + ')';
							}
						},
						emphasis: {
							textStyle: {
								shadowBlur: 10,
								shadowColor: '#333'
							}
						},
						data: [

							{
								name: '劳动纠纷',
								value: 6181
							},
							{
								name: '城乡建设',
								value: 4386
							},
							{
								name: '社会事业',
								value: 4055
							},
							{
								name: '经济综合',
								value: 2467
							},
							{
								name: '疫情防控',
								value: 2244
							},
							{
								name: '人力资源保障',
								value: 1898
							},
							{
								name: '家庭矛盾',
								value: 1484
							},
							{
								name: '合同纠纷',
								value: 1112
							},
							{
								name: '刑事案件',
								value: 965
							},

						]
					}]
				};

				wordsLeftData.setOption(option);
				window.addEventListener('resize', function() {
					wordsLeftData.resize()
				});
			}
			//饼状图数据
			function echartsPieData() {
				var data = [{
						value: 156,
						name: '人力资源保障',

					},
					{
						value: 211,
						name: '疫情防控',

					},
					{
						value: 322,
						name: '经济综合',

					},
					{
						value: 234,
						name: '社会事业',

					},
					{
						value: 115,
						name: '劳动纠纷',

					},
					{
						value: 51,
						name: '城乡建设',

					}
				]
				var total = 0; //统计总事件数量
				var eventFenlei = '一级问题分类'; // 饼状图文字
				for (var i = 0; i < data.length; i++) {
					total += Number(data[i].value)
				}
				var pieRightData = echarts.init(document.getElementById('pie_right'));
				pieRightData.setOption({
					backgroundColor: "#12234F",
					title: {
						text: eventFenlei, //主标题文字
						subtext: '总计' + total + '件', //副标题文字
						x: 'center',
						top: '6%',
						textStyle: {
							color: '#fff',
							fontSize: '16'
						},
						subtextStyle: { //副标题文本样式{"color": "#aaa"}
							fontFamily: 'Arial, Verdana, sans...',
							fontSize: 12,
							color: '#fff',
							fontStyle: 'normal',
							fontWeight: 'normal',
						},
					},
					legend: {
						orient: 'horizontal',
						bottom: "10%",
						center: "center",
						data: ['人力资源保障', '疫情防控', '经济综合', '社会事业', '劳动纠纷', '自然资源', '城乡建设'],
						textStyle: {
							color: "#858A9B",
							fontSize: 16
						}
					},
					tooltip: {

						formatter: '{b} : {c} ({d}%)'
					},
					series: [{

						type: 'pie',
						radius: ['10%', '40%'],
						center: ['50%', '40%'],
						roseType: 'radius',
						label: {
							show: true,
							normal: {
								position: 'outside',
								color: '#2FD0F4',
								fontSize: 13,
								formatter: function(params) {

									return params.name + '\n' + params.value + '(件),' + params.percent + '%'
								}
							},

						},
						labelLine: {
							length: 10,
							length2: 20,
							smooth: true
						},
						data: data
					}]
				})
				window.addEventListener('resize', function() {
					pieRightData.resize()
				});
			}
			$(function() {
				eventLiuzhuan();
				tableData();
				scrollTableData();
				peopleListTable()
				tableScroll('tableId', '85%', 20, 5)
				echartsLineData();
				tableDataing()
				echartsHotsData();
				////查询分页数据 分页增加
				$("#add").click(function() {
					var val = Number($("#page_number").text());
					val = parseInt(val + 1);
					$("#page_number").text(val);

				});
				//搜索列表
				$("#seachResult").click(function() {
					var name = $("#inputName").val(); //输入内容
					// ajax do something  
				})
				// 筛选分类
				$("#seachSure").click(function() {
					var oneClassify = $("#one").val();
					var twoClassify = $("#two").val();
					var threeClassify = $("#three").val();
					var foreClassify = $("#fore").val();
					var fiveClassify = $("#five").val();
					// ajax do something  
					console.log(oneClassify, oneClassify, threeClassify, foreClassify, fiveClassify)
				});


				//查询
				$("#query").click(function() {
					var name = $("#name").val(); // 
				})
			});
			//排序


			function tableData() {
				//$ajax(...)循环放入数据  模拟数据
				var data = [{
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: 'asfjskdfjsldjf',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					},
					{
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: 'asfjskdfjsldjf',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					},
					{
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: 'asfjskdfjsldjf',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					}, {
						id: '45%',
						index: '01',
						name: '张三',
						quyuan: '检查院',

					},
				]
				for (var i = 0; i < data.length; i++) {
					$('#table_data1').append(
						"<tr>" +
						"<td>" + data[i].index + "</td>" +
						"<td onClick='tableName(\"" + data[i].id + "\");'>" + data[i].name + "</td>" +
						"<td>" + data[i].quyuan + "</td>" +
						"<td>" + data[i].id + "</td>" +
						"</tr>");
				}
				$("#table1 tr :nth-child(2)").addClass('selectTable');
			}
			//组织结构树
			layui.use(['tree', 'layer', 'util'], function() {
				var $ = layui.$,
					tree = layui.tree,
					layer = layui.layer,
					util = layui.util,
					index = 100;
					
				//数据源
				var data1 = [{
					title: '文东街道',
					id: 1,
					children: [{
						title: '环山社区',
						id: 3,
						children: [{
							title: '第一网格',
							id: 23
						}]
					}, {
						title: '燕山社区',
						id: 4,
						children: [{
							title: '燕山街道',
							id: 9
						}, {
							title: '解放路街道',
							id: 10
						}]
					}, {
						title: '二级1-3',
						id: 20,
						children: [{
							title: '三级1-3-1',
							id: 21
						}, {
							title: '三级1-3-2',
							id: 22
						}]
					}]
				}, {
					title: '甸柳街道',
					id: 2,
					spread: true,
					children: [{
						title: '二级2-1',
						id: 5,
						spread: true,
						children: [{
							title: '三级2-1-1',
							id: 11
						}, {
							title: '三级2-1-2',
							id: 12
						}]
					}, {
						title: '二级2-2',
						id: 6,
						children: [{
							title: '三级2-2-1',
							id: 13
						}, {
							title: '三级2-2-2',
							id: 14
						}]
					}]
				}, {
					title: '千佛山街道',
					id: 16,
					children: [{
						title: '二级3-1',
						id: 17,
						children: [{
							title: '三级3-1-1',
							id: 18
						}, {
							title: '三级3-1-2',
							id: 19
						}]
					}, {
						title: '二级3-2',
						id: 27,
						children: [{
							title: '三级3-2-1',
							id: 28
						}, {
							title: '三级3-2-2',
							id: 29
						}]
					}]
				}];

				tree.render({
					elem: '#test1',
					data: data1,
					id: 'demoId1',
					click: function(obj) {
						console.log(obj); 
						$("#org_select").find('span').remove()
						$("#org_select").append(
						  "<span>"+obj.data.title+"<span>"
						)
						$("#test1").hide()
					},
					 singleSelect:true, //true单选
	
					showCheckbox: false, //是否显示复选框
					accordion: 0,//是否开启手风琴模式
					onlyIconControl: true, //是否仅允许节点左侧图标控制展开收缩
					edit: false //操作节点图标
				});
			});
			function showOrg(){
				$("#test1").show()
			}
		</script>

	</body>
</html>
